<template>
	<view>
		<view style="padding: 20rpx;display: flex;justify-content:left;flex-wrap: wrap;" v-for="(address, index) in addressList" :key="index" :index="index">
			<view style="width: 10%;height: 120rpx;display: flex;justify-content:center;align-items:center;flex-wrap: wrap;"><radio value="1"></radio></view>
			<view style="width: 90%;height: 120rpx;">
				<view style="line-height: 50rpx;display: flex; flex-direction: row;justify-content: space-between;align-items: center;">
					<text style="font-weight: 600;">{{address.place}}{{address.address}}</text>
					<text class="grace-icons icon-write" style="font-size: 36rpx; color: #5dade2;"></text>
					<text class="grace-icons icon-remove" style="font-size: 36rpx; color: #797d7f;"></text>
				</view>
				<view class="grace-border-b" style="line-height: 70rpx;"><text>{{address.userName}}</text><text style="margin-right: 25rpx;">{{address.phone}}</text></view>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				addressList:[{
					userName:'何先生',
					place:'楚雄州鹿城镇',
					address:'花园美郡9栋2单元402',
					phone:'17889842802',
					location:''
				},
				{
					userName:'何先生',
					place:'楚雄州鹿城镇',
					address:'花园美郡9栋2单元402房',
					phone:'17889842802',
					location:''
				}]
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
